<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-yyhl" id="app">
    <layout :header="true">
      <common-ban :img="ban"></common-ban>
      <div class="yyhl-m1 box">
        <common-title title="学期教育优势" top="0.5" bottom="0.38"></common-title>
        <dl class="list flex-bect">
          <dd v-for="(item, index) in m1" :key="index" class="item" :class="'item'+index">
            <div class="name">{{item.name}}</div>
            <div class="p1 row2" v-html="item.intro"></div>
            <a href="" class="btn">了解更多</a>
          </dd>
        </dl>
      </div>
      <div class="yyhl-m2 box">
        <common-title title="男生可以学吗" top="0.44" bottom="0.39"></common-title>
        <div class="flex-bect con">
          <div class="txt1" v-html="m2.txt1"></div>
          <div class="txt2" v-html="m2.txt2"></div>
        </div>
      </div>
      <div class="yyhl-m3">
        <dl class="list">
          <dd v-for="(item, index) in m3" :key="index" class="item" :class="'item'+index">
            <div class="tit">{{item.name}}</div>
            <div class="intro" v-html="item.intro"></div>
          </dd>
        </dl>
      </div>
      <div class="yyhl-m4 box">
        <common-title title="为什么越来越多的人选择护理专业" top="0.58" bottom="0.41"></common-title>
        <dl class="list">
          <dd v-for="(item, index) in m4" :key="index" class="item" :class="'item'+index">
            <div class="name" v-html="item.name"></div>
            <div class="intro row5" v-html="item.intro"></div>
            <div class="p">Our advantage</div>
          </dd>
        </dl>
      </div>
      <school-module></school-module>
      <form2-module tit="医院护理专业"></form2-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        ban:'./static/image/07yyhl/banner.png',
        m1:[],
        m2:[],
        m3:[],
        m4:[],
        
      },
      mounted() {
        this.getCon();
      },
      methods:{
        
        getCon(){
          // <span class="red"></span>
          this.m1 = [
            {name:'初级技术职务', intro:'护士、护师'},
            {name:'中级技术职务', intro:'主管护师'},
            {name:'高级技术职务', intro:'副主任护师<br>主任护师'}
          ]
          this.m2 = {
            txt1:'<b class="sp">可以</b>而且全国的统计数字显示，男护士比例仍不足1%。比起女护士，男护士体力优势明显，在特殊的科室可以承担工作量较大的工作。面对抢救，男护士的应急能力往往更强；临床护理工作任务繁琐、繁重，男护士在承受压力和生理素质方面，有优势，而且能够较好处理家庭与工作的关系。',
            txt2:'从就业率来说，以往每年护理学专业的男生都是高就业，并且薪水也教女护士要高一些。目前，现在国内各城市3甲以上的医院都会招聘'
          }
          this.m3 = [
            {name:'护理好找工作吗？', intro:'非常好找工作，这点完全不需要担心。护士<br>这个岗位非常稀缺人手，所以非常好找工作。'},
            {name:'怎么选择一所合适的护理学校？', intro:'这是至关重要的一个问题，可以影响我们的学习质量和毕业后的就业问题，所以大多数的家长和学生都在择校这个问题上很谨慎。下面给大家介绍一下，如何挑选一所好的护理学校!'}
          ]
          this.m4 = [
            {name:"白衣天使<br>社会地位高", intro:'护理是一个神圣的职业，拥有崇高的社会地位，受到人们的广泛尊重。'},
            {name:"薪水丰厚<br>工作稳定", intro:'护理职业在我国一直是社会地位较高、薪水丰厚的职业之一。'},
            {name:"护理人才紧缺", intro:'“护士荒”是全球性现象，与欧美发达国家比，我国护士在数量和质量上存在双重短缺，且不同地区差距明显。护理人才缺口已成为中国事业发展的一大阻碍。'},
            {name:"更容易出国<br>就业和移民", intro:'随着全球老龄化时代的到来未来10年,美国、英国、加拿大及全球其他国家将急需200万护理人才，薪资是国内的6-10倍拿到了出国移民工作的“绿卡”'},
            {name:"广阔的就业前景", intro:'据卫生部统计，每年护理人才的实际需求与实际毕业生人数的缺口达到了50000人。同时随着我国向老龄化社会转变，护理人才将持续走俏。'},
          ]
        }
        
      }
    })
  </script>
</body>
</html>